<html>

<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <meta name="veiwport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css" />
    <script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script type="text/javascript" src="./js/echarts.min.js"></script>
    <!-- <script type="text/javascript" src="https://rawgit.com/ecomfe/echarts-gl/master/dist/echarts-gl.min.js"></script>
    <script type="text/javascript" src="http://www.cmono.net/ec/echartsConfig.js"></script>
    <script type="text/javascript" src="http://www.cmono.net/ec/ext.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/resource/echarts-liquidfill-1.0.4/dist/echarts-liquidfill.js"></script> -->
    <script type="text/javascript" src="./js/dark.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Ui1hFIbTdm26BERXEZv9VudhLwcl4k3G"></script>
    <link rel="stylesheet" href="./css/main.css">
    <script src="./js/shandong.js"></script>

    <script>

        window.onload = function() {

          var map = new BMap.Map('allmap');
        map.centerAndZoom(new BMap.Point(119.195026,36.740612),13);
        var style_json_all=[
          {
                    "featureType": "land",
                    "elementType": "all",
                    "stylers": {
                              "color": "#155191",
                              "lightness": -17
                    }
          }
]
        var  mapStyle ={
              features: ["road", "building","water","land"],//隐藏地图上的poi
              style : "midnight"  //设置地图风格为高端黑
          }
        map.setMapStyle({
              styleJson:style_json_all
              });
              map.enableScrollWheelZoom(true);
        function checkhHtml5()
              {
                  if (typeof(Worker) === "undefined")
                  {
                      if(navigator.userAgent.indexOf("MSIE 9.0")<=0)
                 {
                 alert("定制个性地图示例：IE9以下不兼容，推荐使用百度浏览器、chrome、firefox、safari、IE10");
                 }

                  }
              }
        checkhHtml5();
// $("#jz_content_top").on("click",function() {
//   console.log("数据");
//   $("#jz_content_top").hide();
//   $(".jz_left_top_map").show();
// })

        }
    </script>
</head>

<body style="background:url('http://121.196.232.136:8080/rank/bg.jpg')">
    <div>
        <div  id="allmap" class="all" ></div>

    </div>
    <div class="am-g doc-am-g"  >
        <a href="#" class="img_all"></a>
      <div class="top1 top" id="jz_top1">

          <span>经营概况</span>

        <div class="jz_left_top" id="jz_left_top">

        </div>
      </div>
      <div class="top2 top" id="jz_top2">
          <span>人员工作流程监控</span>
        <div class="jz_left_top" id="jz_left_top2">

        </div>
      </div>
      <div class="top3 top" id="jz_top3">
          <span>极优佳APP运营概况</span>
          <div class="top3_top top3_top1">
            <span>成交额</span>
            <span>552478</span>
          </div>
          <div class="top3_top top3_top2">
            <span>今日订单</span>
            <span>552478</span>
          </div>
          <div class="top3_top top3_top3">
            <span>今日上新</span>
            <span>552478</span>
          </div>
          <div class="top3_center top3_top4">
            <div class="top3_center_tu" id="top3_center_tu">

            </div>
          </div>
      </div>
      <div class="top4 top" id="jz_top4">
          <span>考勤统计</span>
        <div class="jz_top4_left jz_top4_left1" id="jz_top4_left1">

        </div>
        <div class="jz_top4_left jz_top4_left2" id="jz_top4_left2">

        </div>
        <div class="jz_top4_left jz_top4_left3" id="jz_top4_left3">

        </div>
      </div>
      <div class="top5 top_end" id="jz_top5">
          <span>热销榜单（昨天）</span>
        <div class="slide-title">
            <span>排名</span>
            <span>品牌</span>


        </div>
        <div class="slide-container">
            <ul class="slide-list js-slide-list">
                <li class="odd"><span>冠军</span><span>景芝</span></li>
                <li class="even"><span>亚军</span><span>景芝</span></li>
                <li class="odd"><span>季军</span><span>景芝</span></li>
                <li class="even"><span>4</span><span>景芝</span></li>
                <li class="odd"><span>5</span><span>景芝</span></li>
                <li class="even"><span>6</span><span>景芝</span></li>

            </ul>
        </div>
      </div>
      <div class="top6 top_end" id="jz_top6">
          <span>工艺流程监控</span>
          <div class="jz_left_top2" id="jz_top6_zhe">

          </div>
      </div>
      <div class="top7 top_end" id="jz_top7">
        <span>地区销售统计</span>
        <div class="jz_left_top2" id="jz_left_top5">

        </div>
      </div>
      <div class="top8 top_end" id="jz_top8">
        <span>视频监控A监控点</span>
      </div>

    </div>
    <script type="text/javascript" src="./js/jz_all.js"></script>
</body>

</html>
